@charset "utf-8";


body{ padding-top:100px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.top{ height:100px; box-shadow:0 2px 3px #999; background:#fff; width:100%; padding:0 2%; position:fixed; left:0; top:0; z-index:20;}
.logo img{
    height:80px;
    margin-top:12px;
}
.yl-insl{ margin-top:32px; position:relative;}
.yl-insl span{ display:block; width:225px; height:35px; line-height:35px; border:1px solid #ddd; color:#999; background: url(../image/xl.png) no-repeat 95% center; padding:0 2%; cursor:pointer;}
.yl-insl .slet{ position:absolute; display:none; width:100%; border:1px solid #ddd; left:0; top:34px; border-top:none; background:#fff;}
.yl-insl .slet a{ height:33px; overflow:hidden; display:block; width:100%; line-height:33px; padding:0 2%; border-top:1px dotted #ddd;}
.T-nav{ margin-top:32px;}
.T-nav > li{ float:left; padding:0 15px; position:relative;}
.T-nav > li > a{ display:block; height:35px; line-height:35px; font-size:16px; padding:0 18px; text-align:center;}
.T-nav > li > a.cur{ background:#0f4494; color:#fff;}
.T-nav > li .gdlt{ position:absolute; left:0; top:35px; width:100%; display: none; background:#fff; text-align:center; border-top:1px solid #ddd;}
.T-nav > li .gdlt a{ display:block; line-height:35px;}
.ind-about{ padding:50px 0;}
.sinlt{ text-align:center;}
.sinlt .bilt{ font-size:36px; color:#454545; position:relative; top:-50px;}
.sinlt .bilt.animate{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; top:0;  transition:all 0.8s ease;}
.sinlt .clos{ font-size:14px; color:#666;}
.sinlt .clos.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}
.sinlt .line{ text-align:center;}
.sinlt .line span{ display:inline-block; height:3px; width:0; background:#0f4494;}
.sinlt .line.animate span{ width:40px; transition:all 0.8s ease;}
.cliet{ margin-top:30px; position:relative; top:80px;}
.cliet.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0s; top:0;}
.owatl{ width:56%; box-shadow:0 0 10px #666; padding:50px 30px 50px 80px; float:right;}
.nulsm{ color:#666; line-height:30px; height:300px; overflow:hidden;}
.nulsm p{ text-indent:2em;}
.cliet .pic{ position:absolute; left:0; top:30px; width:50%;}
.molox{ margin-top:20px;}
.molox a{ display:inline-block; width:120px; border-radius:15px; line-height:30px; color:#fff; background:#0f4494; text-align:center;}
.clist{ background:url(../image/t02.jpg) no-repeat center center; background-size:cover; padding:50px 0;}
.newlt{ position:relative; top:80px;}
.newlt.animate{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; top:0;  transition:all 0.8s ease;}
.newlt li{ height:204px; width:49%; float:left; margin-right:2%; background:#fff; margin-top:30px;}
.newlt li a{ display:block; position:relative; padding:10px 2% 0 285px;}
.newlt li a .pic{ width:271px; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.newlt li a .dates{ padding-top:5px; width:40px; height:40px; color:#fff; background:#0f4494; text-align:center; position:absolute; left:8px; top:-5px; z-index:2;}
.newlt li a .dates span{ position:absolute; right:-4px; top:-5px; display:block;}
.newlt li a dt{ font-size:16px; height:50px; line-height:50px; color:#333; overflow:hidden;}
.newlt li a .pic img{ transition:all 0.5s ease;}
.newlt li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.newlt li a:hover dt{ color:#0f4494;}
.newlt li a dd{ font-size:12px; line-height:25px; height:125px; overflow:hidden; color:#999;}
.glist{ padding:45px 0;}
.owatlx{ width:49%; margin-right:2%; float:left;}
.T-clit .line{ height:3px; background:#0f4494; width:40px;}
.T-clit .tit{ font-size:24px; color:#666; line-height:45px;}
.piclit{ position:relative; overflow:hidden; top:100px;}
.piclit.animate{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; top:0;  transition:all 0.8s ease;}
.piclit a .pic img{transition:all 0.5s ease;transform:scale(1);}
.piclit a:hover .pic img{transform:scale(1.1); transition:all 0.5s ease;}
.piclit .tit{ line-height:45px; height:45px; text-align:center; width:100%; position:absolute; left:0; bottom:0; background:url(../image/bg-col.png); color:#fff;}
.foot{ background:#f6f6f6; padding-top:25px;}
.loplt{ width:62%; float:left;}
.loplt dl{ text-align:center; width:16.6%; border-right:1px solid #ececec; height:145px; float:left;}
.loplt dl dt{ line-height:35px;}
.loplt dl dt a{color:#0f4494;}
.loplt dl dd{ font-size:12px; line-height:25px;}
.beltx{ width:23%; float:left; padding-left:5%;}
.beltx .tit{ font-size:24px; font-weight:bold; color:#0f4494; line-height:40px;}
.beltx .cont{ font-size:12px; line-height:25px; color:#666;}
.ewmlt{ width:10%; float:right; text-align:center;}
.walit{ margin-top:20px; background:#484848; color:#fff; line-height:50px;}
.walit span{ color:#999; margin-left:10px;}
.mob-nav{ display:none;}

.by-ban-nav{ height:322px; background-repeat:no-repeat; background-size:auto 100%; background-position:center center; position:relative;}
.ny-nav{ text-align:center; position:absolute; width:100%; bottom:20px;}
.ny-nav a{ line-height:35px; padding:0 35px; border:1px solid #fff; color:#fff; display:inline-block; font-size:16px; margin:10px 10px 0;}
.ny-nav a.cur{ border-color:#0f4494; background:#0f4494;}
.about-cont{ margin-top:50px; line-height:2; color:#666; font-size:16px;}
.about-cont img{ max-width:100%;}
.about-cont p{ margin-top:15px;}
.comls{ background:url(../image/t09.png) no-repeat center center; height:558px; margin-top:50px; display:table; width:100%;}
.colos{ display:table-cell; vertical-align:middle; padding-left:30%; position:relative; top:-100px;}
.clols-about{ padding-top:50px;}
.bg-solo{ background:#ededed; padding:20px 0; margin-top:30px;}
.top-col{ text-align:center; font-size:16px;}
.tics{ display:inline-block; width:130px; text-align:center; line-height:25px;}
.tics a{ display:block; width:100%;}
.tics.mores{ border-left:2px solid #c4c4c4; background:url(../image/xl.jpg) no-repeat 95% center; position:relative; height:25px;}
.tics.mores span{ color:#666; cursor:pointer; display:block; width:100%;}
.tics.mores .elis{ display:none; position:absolute; width:100%; text-align:center; top:25px; background:#ededed;}
.tics.mores .elis a{ display:block; line-height:35px;}
.news-cont{ margin-top:20px;}
.news-cont li{ float:left; width:24.25%; margin-right:1%; margin-bottom:15px;}
.news-cont li a{ display:block; background:#fff; padding:10px;}
.news-cont li a .pic{ overflow:hidden;}
.news-cont li a .pic img{ transition:all 0.5s ease;}
.news-cont li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.news-cont li a .timl{ line-height:35px; height:35px; overflow:hidden;}
.news-cont li a .tit{ font-size:16px; color:#333; line-height:25px; overflow:hidden; height:50px;}
.news-cont li a .cont{ margin-top:25px; line-height:25px; height:50px; overflow:hidden;}
.pages-ol{ padding:20px 0; text-align:center;}
.pages-ol a,.pages-ol span{ display:inline-block; line-height:30px; padding:0 10px; background:#c7c7c7; margin:0 3px;}
.pages-ol a.cur{ background:#0f4494; color:#fff;}
.nlisx{ margin-top:50px; border-top:1px solid #ddd; padding:20px 0;}
.nlisx h2{ font-size:20px; text-align:center; color:#555; padding-top:10px;}
.nlisx h3{ text-align:center; font-weight:normal; color:#666; margin-top:12px; line-height:30px; padding-bottom:20px; border-bottom:1px dotted #999;}
.nlisx h3 span{ display:inline-block;}
.colis{ padding:20px 0; color:#666; line-height:2;}
.colis p{ margin-bottom:15px;}
.colis img{ max-width:100%;}
.back-pre{ text-align:center; padding-top:40px;}
.back-pre a{ display:inline-block; width:120px; text-align:center; color:#fff; line-height:35px; background:#fdb813 url(../image/sd.jpg) no-repeat 10px center;}
.pagels{ border-top:1px solid #ddd; margin-top:20px; padding:20px 0;}
.pagels p{ padding:5px 0;}
.demopt{ padding:0 15%; margin-top:30px;}
.slilt{ padding:50px 0;}
.plsot{ width:48%;}
.plsot .tit{ font-weight:bold; background:url(../image/fe.jpg) no-repeat left bottom; font-size:20px; color:#444; line-height:40px;}
.plsot .con{ line-height:30px; color:#666; margin-top:10px;}
.plsot .con p{ height:30px; overflow:hidden;}
.honslt{ padding:50px 20%; line-height:30px;}
.losx{ width:30%;}
.rilso{ width:60%; color:#666; line-height:35px; padding-top:30px;}
.rilso p{ text-indent:2em;}
.conlt-m{ padding:50px 0;}
.sle-map{ width:62%;}
.lilsot{ width:38%; border:5px solid #f7f7f7; padding:34px 30px; height:368px;}
.lilsot dt{ font-weight:bold; font-size:18px; margin-bottom:10px; line-height:45px;}
.lilsot dd{ line-height:25px; padding:5px 0;}

@media (max-width: 1660px){
    .T-nav > li{ padding:0;}
    .yl-insl span{ width:120px;}
}
@media (max-width: 1340px){
    .mob-nav{ display:block; float:right; background:url(../image/mob-ct.png) no-repeat center center; width:50px; height:50px; margin-top:25px;}
    .T-nav{ width:100%; position:absolute; display:none; text-align:center; left:0; top:101px; background:#fff; margin-top:0; padding:20px 0;}
    .T-nav li{ display:inline-block; float: none;}
}
@media (max-width: 1200px){
    .wrap{ width:100%; padding:0 2%;}
}
@media (max-width: 1100px){
    .loplt{ display:none;}
    .ewmlt{ width:120px;}
    .beltx{ width:220px;}
}
@media (max-width: 960px){
    .newlt li{ width:100%; margin-right:0;}
}
@media (max-width: 750px){
    .yl-insl{ display:none;}
}
@media (max-width: 640px){
    body{ padding-top:50px;}
    .top{ height:50px;}
    .top .logo{ margin-top:5px;}
    .top .logo img{ height:40px;}
    .mob-nav{ margin-top:0;}
    .T-nav{ height:100%; padding:0; overflow-x:hidden; overflow-y:auto; top:50px;}
    .T-nav li{ display:block; width:100%; border-bottom:1px solid #ddd;}
    .T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px;}
    .T-nav > li > a.cur{ background:none; color:#666;}
    .T-nav li .gdlt{ position:relative; width:100%; top:0; padding:10px 0;}
    .T-nav li .gdlt a{ padding:0 5%;}
    .sinlt .bilt{ font-size:24px;}
    .ind-about,.clist,.glist{ padding:20px 0;}
    .cliet .pic{ position:relative; width:100%; top:0; left:0;}
    .owatl{ width:100%; padding:20px 3%;}
    .nulsm{ height:150px;}
    .newlt li{ height:98px; margin-top:15px;}
    .newlt li a{ padding:10px 2% 10px 140px;}
    .newlt li a .pic{ width:130px;}
    .newlt li a dt{ line-height:25px; height:25px; font-size:14px;}
    .newlt li a dd{ height:50px;}
    .T-clit .tit{ font-size:20px;}
    .owatlx{ width:100%; margin-right:0; margin-top:15px;}
    .foot{ padding:0;}
    .foot > .wrap{ display:none;}
    .walit{ margin:0; line-height:25px; padding:10px 0; text-align:center; font-size:12px;}
    .walit span{ display: block;}
    .by-ban-nav{ height:220px;}
    .about-cont{ margin-top:25px; font-size:14px;}
    .comls{ height:200px; background-size: cover;}
    .colos{ top:0; padding-left:10%;}
    .clols-about{ padding-top:20px;}
    .news-cont li{ width:100%; margin-right:0; margin-bottom:10px;}
    .news-cont li a .tit{ font-size:14px;}
    .news-cont li a .cont{ font-size:12px;}
    .tics{ width:30%;}
    .nlisx{ margin-top:20px;}
    .nlisx h2{ font-size:16px;}
    .demopt{ padding:0 2%;}
    .slilt{ padding:20px 0;}
    .plsot{ width:100%;}
    .plsot .tit{ font-size:16px;}
    .honslt,.conlt-m{ padding:20px 0;}
    .losx{ width:100%; text-align:center;}
    .losx img{ width:30%; max-width:200px;}
    .rilso{ width:100%;}
    .sle-map{ width:100%;}
    .lilsot{ width:100%; padding:20px 3%;}
}


.ani-up {
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }


.fadeInUp {
    visibility: visible;
    animation: fadeInUp ease-out .8s forwards;
    -webkit-animation: fadeInUp ease-out .8s forwards;
    -moz-animation: fadeInUp ease-out .8s forwards; }
.things {
    padding-bottom: 80px; }


.things-tit {
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    color: #e6e6e6; }


.things-ul {
    position: relative;
    padding-top: 80px;
    padding-left: 40px; }

.things-ul:before {
    content: '';
    position: absolute;
    left: 39px;
    top: 0;
    z-index: -1;
    width: 1px;
    height: 100%;
    border-left: 1px dotted #878780; }

.things-ul:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: #fff url("../image/icon15.png") no-repeat left top; }


.things-li {
    margin-bottom: 30px;}
.things-li.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; transition:all 1s ease;}

.things-li:nth-child(1n) {
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s; }

.things-li:nth-child(2n) {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s; }

.things-li:nth-child(3n) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s; }


.things-li-tit {
    position: relative;
    float: left;
    width: 135px;
    text-align: right;
    cursor: pointer;
    font-size: 50px;
    color: #333;
    border-bottom: 3px solid #d2d2d2; }

.things-li-tit:before {
    content: '';
    position: absolute;
    left: -8px;
    bottom: -8px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 4px solid #d2d2d2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.things-li-tit.active {
    color: #fdb813;
    border-bottom-color: #fdb813; }

.things-li-tit.active:before {
    border-color: #fdb813; }


.things-li-p {
    padding-left: 15px;
    float: left;
    width: 1024px;
    line-height: 24px;
    color: #595959; }

.things-li-p p {
    margin-bottom: 10px; }

.things-li-p p:before {
    content: '◆ ';
    margin-right: 5px; }
@media (max-width: 1024px){
    .things-li-p{ width:100%;}
}
@media screen and (max-width: 740px){
    .things-tit {
        margin-bottom: 10px;
        font-size: 26px;
    }
    .things-li-tit {
        text-align: center;
        font-size: 30px;
    }
    .things-li-p {
        padding-top: 20px;
        width: 100%;
    }
}
.product-main { padding: 30px 0;}
.ind-busin-li {padding: 8px;float: left;width: 25%;}
.ind-busin-li-a {display: block;-moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);}
.product-main .ind-busin-li-img {height: 185px;overflow: hidden;position:relative;}
.ind-busin-li-img img {display: block; width: 100%;}
.ind-busin-li-desc {padding: 20px;}
.tran {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ind-busin-li-tit {
    position: relative;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fdb813;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ind-busin-li-tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 3px;
    background: #00b17d;
}
.ind-busin-li-a:hover .ind-busin-li-tit{ color:#00b17d;}
.ind-busin-li-a:hover .ind-busin-li-more{ background:#00b17d; color:#fff;}
.ind-busin-li-p {
    font-size: 12px;
    color: #676767;
    line-height: 24px;
    height: 72px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.ind-busin-li-more {
    margin-top: 10px;
    width: 144px;
    line-height: 34px;
    border: 1px solid #b6bbbe;
    text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    color: #747474;
}

@media screen and (max-width: 1200px){
    .product-main {
        width: 740px;
        margin:0 auto;
    }
    .product-main .ind-busin-li-img{ height:150px;}
    .product-main .ind-busin-li {
        width: 33.333%;
    }
}
@media screen and (max-width: 740px){
    .product-main{ width:100%;}
    .product-main .ind-busin-li-img {
        height: auto;
    }
    .product-main .ind-busin-li {
        width: 100%;
    }
    .ind-busin-li-tit {
        font-size: 16px;
    }
}


.upsecl{ margin-top:4%;}
.vloepc{ width:100%; max-width:580px; margin:0 auto;}
.vloepc table td{ padding:10px 5px;}
.vloepc table td.tr{ width:160px;}
.vloepc table td .wbm{ width:100%; padding:0 5px; height:40px; border:1px solid #ddd;}
.vloepc table td .ldo{ width:100%; max-width:180px; font-size:14px; height:40px; color:#fff; background:#0f4494; border:none; cursor:pointer;}
.lporelc{ border:1px solid #ddd; margin-top:2%; display:none;}
.lporelc h5{ background:#f7f7f7; text-align:center; line-height:55px; font-weight:normal; font-size:16px; border-bottom:1px solid #ddd;}
.odrelm{ padding:2%; overflow:auto;}
.odrelm table td{ line-height:25px; padding:5px; border:1px solid #ddd;}

@media (max-width: 640px){
    .logo img{
        margin-top:2px;
    }
    .vloepc table td.tr{ width:90px; font-size:12px;}
}